<?php defined( 'HATN') || die( '404..'); ?>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="content-type">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="shortcut icon" type="image/ico" href="<?php echo TEMP_PATH; ?>favicon.ico">
		<title><?php echo Xindm_tool::$hostTitle; ?> Comic Reader</title>
		<link rel="stylesheet" type="text/css" href="<?php echo TEMP_PATH; ?>css/style.css?v150107">
		<link rel="stylesheet" type="text/css" href="<?php echo TEMP_PATH; ?>css/scrollbar.css">
		<link href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
		<link href0="//cdn.bootcss.com/animate.css/3.2.0/animate.min.css" rel="stylesheet">
		<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
		<script type="text/javascript" src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
		<script src="//cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="<?php echo TEMP_PATH; ?>js/front.js?v=15062802"></script>
		<script>
			var serverTime = '<?php echo time(); ?>';
		</script>
	</head>
	<body>
		<div id="container" class="container">
			<div class="row">
				<div class="col-xs-12 col-xs-offset-0 col-lg-8 col-lg-offset-4 col-lg-6 col-lg-offset-3">
					<h3 class="text-center">
						<a title="跳转官网" href="http://www.<?php echo Xindm_tool::$hostName; ?>"
						class="xindm" target="_blank">
							<?php echo Xindm_tool::$hostTitle; ?>
						</a>
						Comic Reader
					</h3>
					<!--<input type="hidden" name="a" value="down" />
					<input type="hidden" name="s" value="file" />
					<input type="hidden" name="t" value="any" />
					<input type="hidden" name="u" value="foreground" />
					-->
					<!-- 搜索框 -->
					<div class="input-group input-group-lg" id="search-input">
						<div class="input-group-btn">
							<div class="btn-group btn-group-lg">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
									<span class="glyphicon glyphicon-menu-hamburger">
									</span>
									<!--<span class="glyphicon glyphicon-th-large"></span>-->
								</button>
								<ul class="dropdown-menu" id="menu-list">
									<li>
										<a title="user" id="user" href="#">
											<span class="glyphicon glyphicon-user">
												登陆/注册
											</span>
										</a>
									</li>
									<li>
										<a title="user_info" class="hide" id="user_info" href="#">
											<span class="glyphicon glyphicon-user" id="user_name">
											</span>
											<span style="margin-left: 15px;" class="glyphicon glyphicon-off" id="logout"
											title="logout">
											</span>
										</a>
									</li>
									<li>
										<a title="sync" class="hide" id="sync" href="#">
											<span class="glyphicon glyphicon-cloud">
												同步
											</span>
										</a>
									</li>
									<li class="divider">
									</li>
									<li>
										<a title="favorite" id="favorite" href="#">
											<span class="glyphicon glyphicon-heart">
												收藏
											</span>
										</a>
									</li>
									<li>
										<a title="history" id="history" href="#">
											<span class="glyphicon glyphicon-time">
												历史阅读
											</span>
										</a>
									</li>
									<li class="divider">
									</li>
									<li>
										<a id="setting" title="setting" href="#">
											<span class="glyphicon glyphicon-cog">
												设置
											</span>
										</a>
									</li>
									<li>
										<a title="about" id="about" href="#">
											<span class="glyphicon glyphicon-info-sign">
												关于
											</span>
										</a>
									</li>
								</ul>
							</div>
							<!-- searchHistory -->
							<div class="btn-group btn-group-lg">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
								aria-expanded="false" id="showSearchHistory">
									<span class="glyphicon glyphicon-menu-down"></span><!--caret-->
								</button>
								<ul class="dropdown-menu" role="menu" id="sh-list">
									<li class="hide" id="sh-demo" sh-name="" sh-page="">
										<a href="javascript:void(0);">
											<span class="badge" sh-total=""></span>
											<span sh-keyword=""></span>
										</a>
									</li>
									<li class="divider">
									</li>
									<li>
										<a href="javascript:void(0);" id="clearSearchHistory">
											Clear All
										</a>
									</li>
								</ul>
							</div>
							<!--<button type="button" disabled0="disabled" class="btn btn-default">漫画</button>-->
						</div>
						<!--<div class="input-group-addon">漫画</div>-->
						<input type="text" class="form-control" title="Search" title="漫画名称片段"
						placeholder="火影" id="cname">
						<div class="input-group-btn">
							<button autocomplete="on" data-loading-text="<img src='<?php echo TEMP_PATH; ?>image/timg.gif'>"
							type="button" class="btn btn-default" title="Search" id="search" tabindex="-1">
								<span class="glyphicon glyphicon-search"></span>
							</button>
							<button autocomplete="on" data-loading-text="Loading..." type="button"
							class="btn btn-default" tabindex="-1" title="random" id="random">
								<span class="glyphicon glyphicon-random"></span>
							</button>
						</div>
					</div>
					<!-- 搜索结果列表 -->
					<!--<div class="table-responsive hide" id="searchList">-->
					<div class="panel panel-default hide" id="searchList">
						<!-- Default panel contents -->
						<div id="search-panel" class="panel-heading">
							<span class="glyphicon glyphicon-search">
								搜索列表
							</span>
							<span class="badge" list-total="1">
							</span>
						</div>
						<div id="favorite-panel" class="panel-heading">
							<span class="glyphicon glyphicon-heart">
								收藏
							</span>
							<span class="badge" list-total="1">
							</span>
						</div>
						<div id="history-panel" class="hide panel-heading">
							<span class="glyphicon glyphicon-time">
								历史阅读
							</span>
							<span class="badge" list-total="1">
							</span>
						</div>
						<div class="hide panel-body">
							<p>
								每页最多显示30条记录.
							</p>
						</div>
						<table class=" table table-condensed table-bordered">
							<thead>
								<tr id="thead-search">
									<th class="text-center">
										简介
									</th>
									<th class="text-center">
										名称
									</th>
									<th class="text-center" id="thead-update">
										更新
										<!-- 最近 -->
									</th>
									<th class="text-nowrap text-center">
										操作
									</th>
								</tr>
							</thead>
							<tbody id="comiclist">
							</tbody>
						</table>
						<div class="panel-footer">
							<div class="row hide" id="pages">
								<div class="col-xs-12">
									<div class="btn-group btn-group-md">
										<div class="btn-group btn-group-md dropup">
											<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
												<span class="glyphicon glyphicon-list">
												</span>
											</button>
											<ul class="dropdown-menu" id="pageList">
												<li>
													<a href="#">
														1
													</a>
												</li>
												<li>
													<a href="#">
														2
													</a>
												</li>
											</ul>
										</div>
										<button type="button" data-toggle="tooltip" data-placement="top" title="上页"
										id="prevPage" data-loading-text="Loading..." class="btn btn-default">
											<span class="glyphicon glyphicon-chevron-left">
											</span>
										</button>
										<button type="button" disabled="disabled" id="pageInfo" class="btn btn-default">
										</button>
										<button data-toggle="tooltip" data-placement="top" title="下页" type="button"
										id="nextPage" data-loading-text="Loading..." class="btn btn-default">
											<span class="glyphicon glyphicon-chevron-right">
											</span>
										</button>
										<a data-toggle="tooltip" data-placement="top" title="顶部" role="button"
										href="#container" class="btn btn-default">
											<span class="glyphicon glyphicon-arrow-up">
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<footer class="text-center info00 small">
						<p>
							<span class="glyphicon glyphicon-copyright-mark">
							</span>
							torn
							<a class="defaultColor" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=to7@foxmail.com"
							target="_blank" title="to7@foxmail.com">
								<span class="glyphicon glyphicon-envelope">
							</a>
							2014-06
							<strong>
								ver
								<?php echo Xindm_tool::$version; ?>
							</strong>
						</p>
					</footer>
				</div>
			</div>
		</div>
		<!-- 消息提示 模态框 -->
		<!-- fade0 关闭动画 -->
		<div class="modal fade0" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
		aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title" modal-title="tips">
							<span class="glyphicon glyphicon-comment">
								消息提示
							</span>
						</h4>
						<h4 class="hide modal-title" modal-title="setting">
							<span class="glyphicon glyphicon-cog">
								设置
							</span>
						</h4>
						<h4 class="hide modal-title" modal-title="about">
							<span class="glyphicon glyphicon-info-sign">
								关于
							</span>
						</h4>
						<h4 class="hide modal-title" modal-title="user">
							<span class="glyphicon glyphicon-user">
								登陆/注册
							</span>
						</h4>
						<h4 class="hide modal-title" modal-title="user_info">
							<span class="glyphicon glyphicon-user">
								用户信息
							</span>
						</h4>
					</div>
					<div class="modal-body" modal-body="tips">
						消息内容
					</div>
					<div class="modal-body hide" modal-body="user">
						<section class="loginBox row-fluid">
							<div class="tabbable" id="tabs-634549">
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#panel-60560" data-toggle="tab">
											用户登录
										</a>
									</li>
									<li>
										<a href="#panel-549981" data-toggle="tab">
											用户注册
										</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="panel-60560">
										<p>
											<form class="form-horizontal" id="login" onsubmit="return false;">
												<div class="form-group">
													<label for="inputUser2" class="col-sm-3 control-label">
														User
													</label>
													<div class="col-sm-8">
														<input type="input" class="form-control" name="user" id="inputUser2" placeholder="用户名/邮箱">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword1" class="col-sm-3 control-label">
														Password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword1" name="password"
														placeholder="密码">
													</div>
												</div>
												<div class="form-group">
													<div class="col-sm-offset-3 col-sm-8">
														<button type="submit" class="btn btn-info" id="do_login">
															Sign in
														</button>
													</div>
												</div>
											</form>
										</p>
									</div>
									<div class="tab-pane" id="panel-549981">
										<p>
											<form class="form-horizontal" id="register" onsubmit="return false;">
												<div class="form-group">
													<label for="inputUser2" class="col-sm-3 control-label">
														User name
													</label>
													<div class="col-sm-8">
														<input type="test" class="form-control" name="user_name" id="inputUser2"
														placeholder="用户名">
													</div>
												</div>
												<div class="form-group">
													<label for="inputEmail3" class="col-sm-3 control-label">
														Email
													</label>
													<div class="col-sm-8">
														<input type="email" class="form-control" name="email" id="inputEmail3"
														placeholder="邮箱">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword2" class="col-sm-3 control-label">
														Password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword2" name="password1"
														placeholder="密码">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword3" class="col-sm-3 control-label">
														Password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword3" name="password2"
														placeholder="确认密码">
													</div>
												</div>
												<div class="form-group">
													<label for="inputSex2" class="col-sm-3 control-label">
														Sex
													</label>
													<div class="col-sm-8">
														<select class="form-control" id="inputSex2" name="sex">
															<option value="1">
																男
															</option>
															<option value="2">
																女
															</option>
															<option value="0">
																保密
															</option>
														</select>
													</div>
												</div>
												<div class="form-group">
													<div class="col-sm-offset-3 col-sm-8">
														<button type="submit" id="do_register" class="btn btn-success">
															Sign up
														</button>
													</div>
												</div>
											</form>
										</p>
									</div>
								</div>
							</div>
						</section>
					</div>
					<div class="modal-body hide" modal-body="user_info">
						<section class="loginBox row-fluid">
							<div class="tabbable" id="tabs-634549">
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#panel-profile" data-toggle="tab">
											概览
										</a>
									</li>
									<li>
										<a href="#panel-edit" data-toggle="tab">
											修改
										</a>
									</li>
									<li>
										<a href="javascript:void(xindm.logout());" title="Sign out">
											注销
										</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane" id="panel-edit">
										<p>
											<form class="form-horizontal" id="edit_user" onsubmit="return false;">
												<div class="form-group">
													<label for="inputPassword4" class="col-sm-3 control-label">
														Old password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword4" name="password4"
														placeholder="原密码,不改留空">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword5" class="col-sm-3 control-label">
														New password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword5" name="password5"
														placeholder="新密码,不改留空">
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword6" class="col-sm-3 control-label">
														New password
													</label>
													<div class="col-sm-8">
														<input type="password" class="form-control" id="inputPassword6" name="password6"
														placeholder="重复新密码,不改留空">
													</div>
												</div>
												<div class="form-group">
													<label for="inputSex3" class="col-sm-3 control-label">
														Sex
													</label>
													<div class="col-sm-8">
														<select class="form-control" id="inputSex3" name="sex3">
															<option value="1">
																男
															</option>
															<option value="2">
																女
															</option>
															<option value="0">
																保密
															</option>
														</select>
													</div>
												</div>
												<div class="form-group">
													<div class="col-sm-offset-3 col-sm-8">
														<button type="submit" class="btn btn-info" id="do_edit">
															Submit
														</button>
													</div>
												</div>
											</form>
										</p>
									</div>
									<div class="tab-pane active" id="panel-profile">
										<p>
											<ul class="list-group">
												<li class="list-group-item">
													<span class="badge" id="user_info_name">
														unknow
													</span>
													用户名
												</li>
												<li class="list-group-item">
													<span class="badge" id="user_info_email">
														unknow
													</span>
													邮箱
												</li>
												<li class="list-group-item">
													<span class="badge" id="user_info_sex">
														unknow
													</span>
													性别
												</li>
											</ul>
										</p>
										<p>
											<ul class="list-group">
												<li class="list-group-item">
													<span class="badge" id="favorite_total">
														0
													</span>
													收藏
												</li>
												<li class="list-group-item">
													<span class="badge" id="history_total">
														0
													</span>
													历史阅读
												</li>
												<li class="list-group-item">
													<span class="badge" id="sync_date">
														0
													</span>
													上次同步
												</li>
											</ul>
										</p>
									</div>
								</div>
							</div>
						</section>
					</div>
					<div class="modal-body hide" modal-body="setting">
						<!-- 缓存管理 -->
						<div class="alert alert-danger" role="alert">
							<p>
								<strong>数据/缓存:</strong>内容包含 <strong>阅读记录,搜索缓存,收藏,服务器同步数据</strong> 等.
							</p>
								<p>
								<div class="form-group">
									<div class="input-group">
										<div class="input-group-addon">数据</div>
										<select class="form-control" id="clearType">
											<option value="search">搜索缓存</option>
											<option value="location">本地数据</option>
											<option value="server">服务器数据</option>
										</select>
										<div class="input-group-btn">
											<div class="btn-group">
												<button class="btn btn-danger" id="clear-btn">清除</button>
											</div>
										</div>
									</div>
								</div>
							</p>
						</div>
						<!-- 分页设置 -->
						<div class="alert alert-info" role="alert">
							<p>
								<strong>
									分页数量:
								</strong>
								<strong>
									收藏,历史
								</strong>
								列表每页显示记录数.
							</p>
							<p>
								搜索列表为采集站点设置的
								<strong id="searchFenye">
									20
								</strong>
							</p>
							<p>
								<div class="form-group">
									<div class="input-group">
										<div class="input-group-addon">
											分页
										</div>
										<input class="form-control" id="fenyeTwo" type="number" placeholder="10">
										<div class="input-group-btn">
											<div class="btn-group">
												<button class="btn btn-info" id="fenye-modif">
													确定
												</button>
											</div>
										</div>
									</div>
								</div>
							</p>
							<p>
								<strong>
									搜索线路:
								</strong>
								搜索无数据时,可尝试切换
							</p>
							<p>
								<div class="form-group">
									<div class="input-group">
										<div class="input-group-addon">
											线路
										</div>
										<select class="form-control" id="searchType">
											<option value="0">
												PC
											</option>
											<option value="1">
												Mobile
											</option>
										</select>
										<div class="input-group-btn">
											<div class="btn-group">
												<button class="btn btn-info" id="search-modif">
													确定
												</button>
											</div>
										</div>
									</div>
								</div>
							</p>
						</div>
					</div>
					<div class="modal-body hide" modal-body="about">
						<div class="thumbnail">
							<img src="https://cli.im/api/qrcode/code?text=<?php echo $location; ?>"
							alt="mobile">
							<div class="caption">
								<dl class="dl-horizontal">
									<dt>
										二维码
									</dt>
									<dd>
										可使用移动设备扫描上图快速访问
									</dd>
									<dt>
										漫画阅读
									</dt>
									<dd>
										此为php搭建的
										<a href="http://manhua.qingtiandy.cn" target="_blank">
											晴天漫画系统
										</a>
										阅读工具
										</a>
									</dd>
									<dt>
										源码/联系
									</dt>
									<dd>
										<a href="https://code.csdn.net/u013258934/torn_comic" target="_blank">
											<button class="btn btn-success">
												<span class="glyphicon glyphicon-save">
												</span>
												源码
											</button>
										</a>
										<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=to7@foxmail.com"
										target="_blank">
											<button class="btn btn-default">
												<span class="glyphicon glyphicon-envelope">
												</span>
												E-mail
											</button>
										</a>
									</dd>
								</dl>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal">
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 打开新标签阅读 -->
		<form id="readComic" method="get" action="?" target="_blank">
			<input type="hidden" name="a" value="read" />
			<input type="hidden" name="n" />
		</form>
		<!-- 简介图片预加载 -->
		<div id="img-temp"></div>
	</body>

</html>